<template>
    <div class="section__wrapper">
        <div class="row g-5">
            <div class="col-lg-8 col-12">
                <div class="row g-4 justify-content-center">
                    <div class="sidebar">
                        <div class="row g-5">
                            <div class="col-12">
                                <div class="sidebar__comment">
                                    <div class="head">
                                        <h3 class="comment">2 Comment</h3>
                                    </div>
                                    <div class="body">
                                        <ul>
                                            <li class="sidebar__comment-item">
                                                <div class="comment">
                                                    <div class="thumb">
                                                        <img src="/images/blog/home3/details/5.png" alt="comment-author">
                                                    </div>
                                                    <div class="content">
                                                        <div class="content__top">
                                                            <div class="name">
                                                                <h6>Rassel Hossain</h6>
                                                                <span>24 Marrch 2023 , at 02:00 pm</span>
                                                            </div>
                                                            <div class="reply reply--web">
                                                                <a href="#post" class=""> <i class="fa-solid fa-reply"></i>
                                                                    reply</a>
                                                            </div>
                                                        </div>
                                                        <div class="content__bottom">
                                                            <p>believe that everyone should have the chance to
                                                                advance technology and get new skills. For the
                                                                first time, Sydney's price of luxury homes
                                                                dropped. Our sports writers and arts critics
                                                                from around the world.</p>

                                                            <div class="reply reply--mobile">
                                                                <a href="#post" class=""> <i class="fa-solid fa-reply"></i>
                                                                    reply</a>
                                                            </div>
                                                        </div>

                                                        <ul>
                                                            <li>
                                                                <div class="comment comment--reply">
                                                                    <div class="thumb">
                                                                        <img src="/images/blog/home3/details/6.png"
                                                                            alt="comment-author">
                                                                    </div>
                                                                    <div class="content">
                                                                        <div class="content__top">
                                                                            <div class="name">
                                                                                <p>Jacob Jones</p>
                                                                                <span>26 April 2023 , at 02:00
                                                                                    pm</span>
                                                                            </div>
                                                                            <div class="reply reply--web">
                                                                                <a href="#post"><i
                                                                                        class="fa-solid fa-reply"></i>
                                                                                    reply</a>
                                                                            </div>
                                                                        </div>
                                                                        <div class="content__bottom">
                                                                            <p class="reply">believe that
                                                                                everyone should have
                                                                                the chance to advance technology
                                                                                and get new skills. For the
                                                                                first time, Sydney's price of
                                                                                luxury homes dropped. Our sports
                                                                                writers and arts critics from
                                                                                around the world.</p>
                                                                            <div class="reply reply--mobile">
                                                                                <a href="#post" class=""> <i
                                                                                        class="fa-solid fa-reply"></i>
                                                                                    reply</a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>

                                            </li>
                                            <li class="sidebar__comment-item">
                                                <div class="comment">
                                                    <div class="thumb">
                                                        <img src="/images/blog/home3/details/7.png" alt="comment-author">
                                                    </div>
                                                    <div class="content">
                                                        <div class="content__top">
                                                            <div class="name">
                                                                <h6>Johanna Erika</h6>
                                                                <span>26 Marrch 2023 , at 02:00 pm</span>
                                                            </div>
                                                            <div class="reply reply--web">
                                                                <a href="#post"> <i class="fa-solid fa-reply"></i>
                                                                    reply</a>
                                                            </div>
                                                        </div>
                                                        <div class="content__bottom">
                                                            <p>Sedut perspicati und omnis istesre natu error
                                                                sitilei voluptatem accusantium doloremque
                                                                laudantium totam rem aperiam eaque</p>

                                                            <div class="reply reply--mobile">
                                                                <a href="#post" class=""> <i class="fa-solid fa-reply"></i>
                                                                    reply</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="sidebar__commentForm" id="post">
                                    <div class="head">
                                        <h3>Post a Comment</h3>
                                    </div>
                                    <div class="body">

                                        <form action="/">
                                            <div class="row g-4">
                                                <div class="col-lg-6">
                                                    <div class="input-group">
                                                        <input class="form-control" type="text" placeholder="Full Name">
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="input-group">
                                                        <input class="form-control" type="text" placeholder="Subject">
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="input-group">
                                                        <input class="form-control" type="email" placeholder="Email here">
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="input-group">
                                                        <textarea cols="30" rows="5" class="form-control"
                                                            placeholder="Enter Your Message"></textarea>
                                                    </div>
                                                </div>
                                            </div>
                                            <button type="submit"
                                                class="trk-btn trk-btn--rounded trk-btn--secondary1 mt-5">Post
                                                Now</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-12">
            </div>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style></style>